<template>
    <div class="content">
        <div class="hello">Hello,Vue</div>
        <div class="box"></div>
        <div class="box1"></div>
        <div class="box2"></div>
        <div class="box3"></div>
        <div class="box4"></div>
        <div class="box5"></div>
        <div class="box6"></div>
        <div class="box7"></div>
        <div class="box8"></div>
        <button @click="show = true"></button>
        <Button v-if="show" />
    </div>
</template>
<script>
import { add } from '@/utils/test1'
import { addQ } from '@/utils/test2'
export default {
    components:{
        Button:()=>import(/*webpackChunkName:'Button'*/'@/components/Button')
    },
    data() {
        return {
            show:false
        }
    },
    mounted() {
        console.log(add(1, 2))
        console.log(addQ(2, 8))
    }
}
</script>
<style lang="scss" scoped>
.hello {
    font-size: 36px;
    font-weight: 600;
}
.content{
    display: flex;
}
</style>
